<template>
  <div class="wrapper">
    <div 
      class="icon"
      v-for="item of iconList"
      :key="item.id"
    >
      <div class="icon-img">
        <img 
          class="img" 
          :src="item.imgUrl"
        >
      </div>
      <div class="icon-desc">{{item.desc}}</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'homecatalog',
  props:{
    iconList:Array
  },


}
</script>

<style lang="stylus" scoped>
.wrapper
 background :#fff
 .icon
   width:25%
   float left
   .img
     display :block
     background :red
     border radius 1rem
     margin :0 auto
   .icon-desc
     text-align :center
    


</style>
